<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<title>隐藏侧边栏导航菜单效果 - Top Side</title>
		<link rel="stylesheet" type="text/css" href="../css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="../css/demo.css" />
		
		<link rel="stylesheet" type="text/css" href="../css/menu_topside.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css">

j		<!--[if IE]>
  		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="container">
			<div class="menu-wrap">
				<nav class="menu-top">
					<div class="profile">
						<div class="photo"><img src="../images/头像.png" alt="Matthew Greenberg"/></div>
						<div class="name">
							王小生
						</div> 
						<div class="phone">
							15853121909
						</div>

					</div>
					<div class="icon-list">
						<a href="#"><i class="fa fa-fw fa-star-o"></i></a>
						<a href="#"><i class="fa fa-fw fa-bell-o"></i></a>
						<a href="#"><i class="fa fa-fw fa-envelope-o"></i></a>
						<a href="#"><i class="fa fa-fw fa-comment-o"></i></a>
					</div>
				</nav>
				<nav class="menu-side">
					<a href="#">
						<img src="../images/设置.png"> 书籍信息
					</a>
					<a href="#"> <img src="../images/我的订单.png"> 我的订单</a>
					<a href="#"> <img src="../images/我的优惠券.png">			我的优惠卷
					</a>
					<a href="#"> <img src="../images/我的订单.png"> 我的订单</a>
					<a href="#"> <img src="../images/消息中心.png"> 消息中心</a>
					<a href="#"> <img src="../images/设置.png"> 设置</a>
					<a href="#"> <img src="../images/退出.png"> 退出</a>
				</nav>
			</div>
			<button class="menu-button" id="open-button">Open Menu</button>
			<div class="content-wrap">
				<div class="content">
					<header class="codrops-header">

					</header>

				</div>
			</div><!-- /content-wrap -->
		</div><!-- /container -->
		<script src="../js/classie.js"></script>
		<script src="../js/main.js"></script>
	</body>
</html>